<!-- Generated template for the ZuopinComponent component -->
<!--<div style="margin-top: 9px;display: table!important;">-->
<!--<ion-content  class="card-background-page">-->
<div >
  <ng-container *ngFor="let listitemzuopins of listitemzuopin">

      <div [ngClass]="{'col-xs-12':listitemzuopins['showType']==1,'col-xs-4':listitemzuopins['showType']==3,'col-xs-6':listitemzuopins['showType']==2}" (click)="querymore(listitemzuopins['id'])">
        <div style="position: relative;top:0;left: 0;">
          <div style="width: 100%;position:absolute;background-color: rgba(242,242,242,0.6)">
            <div style="float: left;">
              <img style="width: 14px;height: 14px" src="assets/icon/zuopinhomedianzan.png"> {{listitemzuopins['giveLikeNumber']}}
            </div>
            <div style="float: left;">
              <img style="width: 14px;height: 14px;margin-left: 5px" src="assets/icon/zuopinhomeliuyan.png"> {{listitemzuopins['replyNumber']}}
            </div>
            <div style="width: 20%;float: left;color: #9d9d9d">

            </div>
            <ion-fab right>
              <ng-container *ngIf="listitemzuopins['championReply']==1">
                <img style="width: 14px;height: 14px;margin-left: 5px" src="assets/icon/qizhi.png">
              </ng-container>
            </ion-fab>
          </div>
          <img style="min-height: 150px;width: 100%" src= "http://www.bkqs8.com/photo/weChatApi/loadImg?path=worksdetails&filename={{listitemzuopins['imgUrl']}}"/>

          <div style="color: #3c3c3c; text-align: left;position: absolute;bottom: 0;left: 0;background-color: rgba(242,242,242,0.6);width: 100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border-radius:1%">
            {{listitemzuopins['imgRemark']}}
          </div>
        </div>

      </div>


  <!--<div class="item">
    <div class="item__content">
      <img style="height: 98px;width: 100%" src= "http://ycsshj.oicp.net/photo/weChatApi/loadImg?path=worksdetails&filename={{listitemzuopins['imgUrl']}}"/>
    </div>
  </div>-->
  </ng-container>
</div>
